<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/struts-tags" prefix="s"%>

<link href="dist/css/offcanvas.css" rel="stylesheet">
<link href="dist/css/starter-template.css" rel="stylesheet">

<link href="dist/css/bootstrap-checkbox.css" rel="stylesheet"
	type="text/css" media="screen">
<link href="dist/css/bootstrap-select.css" rel="stylesheet"
	type="text/css" media="screen">
<link href="dist/css/custom-style.css" rel="stylesheet" type="text/css"
	media="screen">
<link href="dist/css/custom-radiobox.css" rel="stylesheet"
	type="text/css" media="screen">
<link href="dist/css/bootstrap.css" rel="stylesheet" type="text/css"
	media="all">

<script src="dist/js/jquery-1.9.1.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<script src="dist/js/bootstrap-select.js"></script>
<script src="dist/js/jquery.validate.min.js"></script>
<script src="dist/js/custom-validation.js"></script>
<script src="dist/js/validate.js"></script>
<script src="dist/js/user.js"></script>

<body>
	<div id="logged" style="color: green; font-weight: bold"></div>
	<div class="container" style="height: 410px;" id="editUser">
		<table align="left" class="adjust" style="width: 800px;">
			<tr>
				<td><h4>First Name :</h4></td>
				<td><input type="text" class="form-control"
					placeholder="First Name" autofocus name="firstname" id="firstname"
					onkeyup="validate()"></td>
				<td><label id="firstnamelabel"></label></td>
			</tr>
			<tr>
				<td><h4>Last Name :</h4></td>
				<td><input type="text" class="form-control"
					placeholder="Last Name" name="lastname" id="lastname"
					onkeyup="validate()"></td>
				<td><label id="lastnamelabel"></label></td>
			</tr>
			<tr>
				<td><h4>Employee ID :</h4></td>
				<td><input type="number" class="form-control"
					placeholder="Employee ID" name="employeeId" id="employeeId"
					onkeyup="validate()"></td>
				<td style="width: 250px"><label	id="employeeIdlabel"></label></td>
			</tr>
			<tr>
				<td><h4>Project :</h4></td>
				<td><select class="selectpicker" id="project" name="project">
						<option value="" selected="selected">Select
							Project</option>
						<s:iterator value="projectList" status="projectVariable">
							<option value=<s:property value='id'/> id="project"
								 onfocus="validate()"><s:property value="projectName" /></option>
						</s:iterator>
				</select></td>
				<td><label class="error" for="project" id="projectlabel"></label></td>
			</tr>
			<tr>
				<td><h4>Password :</h4></td>
				<td><input type="password" class="form-control"
						placeholder="Password" id="password" onkeyup="validate()"></td>
				<td><label id="passwordlabel"></label></td>
			</tr>
			<tr>
				<td><h4>Confirm Password :</h4></td>
				<td><input type="password" class="form-control"
					placeholder="Confirm password" id="confirmPassword"
					onkeyup="validate()"></td>
				<td style="width: 350px"><label id="confirmPasswordlabel"></label></td>
			</tr>
			<tr>
				<td><h4>Employee Status</h4></td>
				<td>
					<nav class="segmented-button">
						<input type="radio" value="active" name="getstatus" id="active"
							checked="checked"> <label for="active" class="first">Active</label>
						<input type="radio" value="inactive" name="getstatus"
							id="inactive"> <label for="inactive" class="last">Inactive</label>
					</nav>
				</td>
			</tr>
			<tr>
				<td><input type="hidden" id="id"></td>
				<td><input class="btn btn-lg btn-primary btn-block" type="button" onclick="updateUserDetails()" value="Update"
						id="update" name="update">
					<input class="btn btn-lg btn-primary btn-block" type="button" onclick="addUserDetails()" value="Add" 
					    id="add" name="add">
				</td>
			</tr>
		</table>
	</div>
</body>